
html { 
  padding:0px;
  margin:0px;
}
 
body {
  background-color: ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
  height: 1500px;
}
 

p, li {
 font-family: Tahoma,sans-serif;
 font-weight: lighter;
 font-size: 15px;
 color: #505050;
}
 
h2 {
 
} 
pre { 
color: #564b47;
font-size: 11px;
background-color: #e1ddd9;
font-family: Courier, Monaco, Monospace;
}
 
p, h3, pre {
 padding: 5px 5px;
 margin: 0px;
}
 
h3 {
 font-family: Tahoma;
 font-size: 25pt;
 color: #999;
}
 
#title, #subtitle { 
position: absolute;
right: 2%; 
width: 96%; 
text-align: right;
top: 20px;
font-size: 88px;
font-family: Didot,Georgia,serif;
vertical-align: text-bottom;
font-weight: normal;
color: #ff6900;
letter-spacing: -.05em;
margin: 0,-5,-5,-5;
}
#subtitle { 
top: 92px;
 font-family: Tahoma;
 font-size: 25pt;
 color: rgba(100, 100, 100, 0.5);
 text-transform: uppercase;
 letter-spacing: -.1em;height=100
 font-weight: lighter;
 
}

#wordpress { 

 font-family: Tahoma;
 font-size: 25pt;
 color: rgba(100, 100, 100, 0.5);
 text-transform: uppercase;
 letter-spacing: -.1em;height=100
 font-weight: lighter;
 
}
 
#classes { 
//outline:#999 solid thin;
position: absolute; 
border-radius:5px;
left: 2%; 
width: 30%; 
top: 124px; 
bottom-margin: 90%;
background-color: #eeeeee; 
height: 1500px;
}
 
#left { 
position: absolute; 
//outline:#999 solid thin;
left: 33%; 
width: 40%; 
top: 106px; 
bottom-margin: 90%;
background-color: #eeeeee; 
height: 1500px;
}

 #hide { 
position: absolute; 
//outline:#999 solid thin;
left: 2%; 
width: 6%; 
top: 97px; 

background-color: #eeeeee; 
}
#right { 
position: absolute; 
left: 2%; 
width: 95%; 
top: 106px; 
background-color: #eeeeee; 
overflow: auto;
height: 1500px
}


#tag {
background-color: #ccc; 
border-radius:5px;
margin-left:8px;
margin-right:8px;
margin-bottom:8px;
DISPLAY: inline; 
font-size: 20px;
float: left;

}
 
#right, #left, #menu {  
padding:0px;
margin:20px;
} 
 
#canvas {
width: 100%;
//height: 100%;
height: 1500px;
position: absolute;
z-index: -1;
}


#courseInput{
font-size:20px;
width:100%;
border: 2px solid #ccc;
border-radius:5px;
}

#eventInput{
font-size:20px;
width:100%;
border: 2px solid #ccc;
border-radius:5px;
}

#occurenceinfo{
font-size:20px;
width:100%;
border: 2px solid #ccc;
border-radius:5px;
}

note {
font-size:12px;
font-color: #aaa;
} 
#schedule {
position: absolute; 
left: 25%; 
width: 70%; 
height:75%;
top: 130px; 
margin: 10px;
border-radius:5px;
}

#classContainer {
position: absolute; 
display:none;
left: 25%; 
width: 70%; 
height:75%;
top: 130px; 
margin: 10px;
}

#controls {
overflow:auto;
position: absolute; 
left: 2%;
height: 75%;
top: 130px; 
width: 22%;
background-color: #ddd;
margin: 10px;
}

#rm, #rt, #rw, #rth, #rf{
float:right;
align: absolute;
height: 10px;
}

#bb{
float:right;
align: absolute;
height: 10px;
} 

#ordering{
float:right;
align: absolute;
}

#mt{
float:right;
align: absolute;
height:10px;
}

#xoybutton{
float:right;
align: absolute;
}

#mslider, #tslider, #wslider, #thslider, #fslider{
width: 69%;
float:right;
align:absolute;
right:10%;
}
a { text-decoration:none; font-weight:bold;}

#madd, #tadd, #wadd, #thadd, #fadd{
float:right;
align:absolute;
right:0%;
height:10px;
}
#luid{
float:right;
align:absolute;
}

#about{
display:none;
position: absolute; 
z-index:200;
width: 60%;
left:20%;
top:20%;
background-color: rgb(200,200,255);
border-radius:10px;
border:#999 solid thin;
}
#shader{
display:none;
z-index:199;
position: absolute; 
width:100%;
height:1500px;
filter: alpha(opacity=50);
opacity:0.5;
background-color: rgb(0,0,0);
}

#submitbutton{
overflow:auto;
position: absolute;
right: 5%;
height: 75%;
top: 130px;
width: 20%; 
}




